﻿body 
{
    FONT-FAMILY: verdana, arial, helvetica, sans-serif;
    font-size:12px;
    margin:0 auto;
    min-width:1000px;
}
div,ul,li,img,h4
{
	border:0;
	padding:0;
	margin:0;
}
a { color:#5981d6;}
.hidden
{
	visibility:hidden;
	clear:both;
}
.display
{
	visibility:visible;
}
h4{ font-size:13px;}
h3{ font-size:14px;}
div.clear
{
	height:5px;
	clear:both;
}
.clearall
{
	clear:both;
}
.titleuser
{
	background-color:#84d3f8;
	height:20px;
	padding:3px;
    color:Black;
    font-weight:bold;
}
div.clear1
{
	height:10px;
	clear:both;
}
/* style for header-------------------------------*/
#header
{
	margin-left:10px;
	margin-right:10px;
}
#header img
{ 
	float:left;
	width:99px;
	height:95px;
	margin-left:30px;
}
#header #border
{
	margin-left:160px;
	padding-top:10px;
}
#header span
{
	display:inline-block;
	padding:2px;
	float:left;
}
#header a
{
	display:inline-block;
	float:left;
	padding:2px;
	text-decoration:none;
	font-weight:bold;
}
#header a:hover
{
	text-decoration:underline;
}
/* end style for header-------------------------------*/
/*-------------------------------------------------------*/


/* style for left menu-------------------------------*/
#left_menu
{
	margin-left:10px;
	width:160px;
	float:left;
}

#left_menu h4.title
{
	padding:3px 4px;
	text-align:center;
	color:White;
	font-weight:bold;
	background-color:#ff9933;
}
#left_menu ul
{
	list-style:none;
}
#left_menu ul li
{
	display:list-item;
	border-bottom:solid 1px #eeeeee;
}
#left_menu ul li a
{
	display:block;
	padding:2px 4px;
    text-decoration:none;
}
#left_menu ul li a:hover
{
    background-color:#e1eeff;
    font-weight:bold;
}

/*end style for left menu---------------------------*/
/*----------------------------------------------------*/


/* style for main-------------------------------*/
#main
{
	float:left;
	margin:0 5px 5px;
	padding:0 5px 5px;
}
#main 
{
	/*border:solid 1px #c6daec;
	height:20px;
	width:100%;*/
}
#main  a
{
	display:inline-block;
	float:left;
	padding:2px 10px 2px 5px;
	text-decoration:none;
    cursor:pointer;
}
#main  a:hover
{
	text-decoration:underline;
}
#main table th
{
	background-color:#84d3f8;
}
#main table td.name
{
	background-color:#d8f3ff;
	font-weight:bold;
	color:#5981d6;
}
#main table td.fill
{
	padding:0;
}
#main table td.center
{
	text-align:center;
}
#main table td.middle
{
    vertical-align:middle;
}

/* style for displaying percent of work is done*/
#main table .percentborder
{
	display:inline-block;
	width:50px;
	height:7px;
	border:solid 1px black;
	float:left;
}
#main table .percent
{
	display:inline-block;
	height:9px;
	float:left;
	border:none;
	margin-left:-52px;
}

/*style for priority ---*/
#main table td.normal_pri
{
	background-color:#ace0f8;
}
#main table td.priority_pri
{
	background-color:#f1f69f;
}
#main table td.hurry_pri
{
	background-color:#e9704b;
}
#main table td.urgent_pri
{
	background-color:#ec1f33;
}
/*end style for priority ---*/

/*style for status ---*/
#main .blockstatus
{
	display:block;
	height:20px;
	width:20px;
	float:left;	
}
#main .blockstatustext
{
	float:left;
	margin-left:5px;
	font-size:11px;
	margin-top:3px;
}
#main .clearheight2
{
	clear:both;
	height:2px;
}
#main .unrelized_status
{
	background-color:Red;
}
#main .doing_status
{
	background-color:#ccca13;
}
#main .done_status
{
	background-color:#1cb3fa;
}
/* style for note--------------------*/
#main .note
{
	color:Black;
	font-weight:bold;
    text-decoration:none;
    cursor:pointer;
}
.main .note_username
{
	font-weight:bold;
	color:#3b5998;
}
.main .note_date
{
	color:#999999;
}
.main .note_content
{
	color:Black;
	display:block;
	padding:5px 2px 10px;
	background-color:#edeff4;	
}
.main .note_attach
{
    text-decoration:underline;
    background-color:#edeff4;	
    text-align:left;
    padding-bottom:4px;
}

/* end style for note----------------*/
/*end style for status ---*/

/* end style for main-------------------------------*/
/*----------------------------------------------------*/

/* style for footer-------------------------------*/
#footer
{
	margin:10px 10px 10px 170px;
}
#footer span
{
	font-weight:bold;
}
/* end style for footer-----------------------------*/
/*----------------------------------------------------*/

/* style for pager------------------------------------*/
#pager_pager
{
    margin:5px auto;
    width:70%;
}
#pager_pager a
{
	display:inline-block;
	float:left;
	margin-left:2px;
	padding:3px;
	border:solid 1px #5981d6;
	font-weight:bold;
	cursor:pointer;
	text-decoration:none;
	background-color:white;
	
}
#pager_pager a:hover
{
	text-decoration:underline;
}
#pager_pager a.active
{
	color:Black;
}
/* end style for pager ------------------------------------*/
/*-----------------------------------------------------------*/